用javascript脚本生成一下Dom结构。要求：使用标准的DOM方法或属性
<div class="example"><p class="slogan">你好帅啊</p></div>

<script type="text/javascript">
	var div = document.createElement('div');//新建div元素节点
	document.body.appendChild(div);//把div放到body里
	div.setAttribute('class','example');//设置div属性

	var p = document.createElement('p');//新建p元素节点
	div.appendChild(p);
	p.setAttribute('class','slogan');
	p.innerText = '你好帅';

	var text = document.createTextNode('啊');
	p.appendChild(text);
	console.log(div);

	div.className = 'dfg';//直接改class

</script>

封装insertAfter();功能类似insertBefore()

<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>
	<div>
		<i></i>
		<b></b> 
		<span></span>
	</div>
	<script type="text/javascript">
		//假如说afterNode是b标签，要在b标签后面插入东西，要把beforeNode求出来，在span前面
		Element.prototype.insertAfter = function(){
			var beforeNode = afterNode.nextElementSibling;
		}
		if (beforeNode = null) {
			this.appendChild(targetNode);
		}else{
			this.insertBefore(targetNode,beforeNode);
		}
	</script>
</body>
</html>